import TransFormCarousel from "../../components/TransFormCarousel";
import { dougaCarousel } from "../../utils/dougaGrid";
import LiliGrid from "../../components/layout/LiliGrid";
import LiliFooter from "../../components/footer";
import LiliHeader from "../../components/header";
import ChannelHeader from "../../components/channelHeader";
import ChannelLayout from "../../components/channelLayout";

import { dougaGrid } from "../../utils/dougaGrid";

import "./douga.css";

function Douga({ diff, loginAction }) {
  return (
    <div className="douga">
      <LiliHeader loginAction={loginAction} />
      <div>
        <ChannelHeader title={"动画"} />
        <ChannelLayout>
          <TransFormCarousel carouselImgs={dougaCarousel} />
          <LiliGrid Grid={dougaGrid} diff={diff} />
        </ChannelLayout>
      </div>
      <LiliFooter />
    </div>
  )
}

export default Douga;